<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>低保业务办理</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="../../lib/bootstrap/css/bootstrap.css">
    
    <link rel="stylesheet" type="text/css" href="../../stylesheets/theme.css">
    <link rel="stylesheet" href="../../lib/font-awesome/css/font-awesome.css">

    <script src="../../lib/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="../../js/IdCard.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="../../stylesheets/public.css">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>
   <style>
   		select{
		font-size:12px;
		height:25px;}

   </style>
	
  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
  <body class=""> 
  <!--<![endif]-->


    
    <div class="content"> 
	<!-- 主区域顶部-->       
        <div class="header">
            <div class="stats">	
    			<p class="stat">待审核提交业务：<span class="number"><a href="">53</a></span></p>
    			<p class="stat">待完成申请表：<span class="number"><a href="">27</a></span></p>
    			<p class="stat">已办理业务：<span class="number"><a href="">15</a></span></p>
			</div>
            <h1 class="page-title">低保业务办理</h1>
        </div>  
        <ul class="breadcrumb">
            <li><a href="index.html">首页</a> <span class="divider">/</span></li>
			<li><a href="index.html">低保业务办理</a> <span class="divider">/</span></li>
            <li class="active">新申请</li>
        </ul>
		<!--主区域操作区 -->		
		<div class="container-fluid">
		<!-- 低保申请表录入区域 -->
		<div class="block">
       		<a href="#DynamicQuery" class="block-heading" data-toggle="collapse">低保申请表录入</a>
        	<div id="DynamicQuery" class="block-body collapse in">
			<br/>
			<form class="well form-inline">
			<div class="tabbable tabs-left">
			<ul class="nav nav-tabs ">
				  <li class="active" id="tab1"><a href="#idcard" data-toggle="tab" >身份证验证></a></li>
				  <li id="tab2"><a href="#famillyInfo" data-toggle="tab">户主基本情况></a></li>
				  <li id="tab3"><a href="#memberInfo" data-toggle="tab">家庭成员情况></a></li>
				  <li id="tab4"><a href="#property" data-toggle="tab">家庭财产情况></a></li>
				  <li id="tab4"><a href="#Income" data-toggle="tab">家庭收入情况></a></li>
				  <li id="tab5"><a href="#inquiry" data-toggle="tab">调查/评议/公示结果></a></li>
				  <li id="tab6"><a href="#finish" data-toggle="tab">完成录入></a></li>
				</ul>
				
				<!-- 身份证校验-->
				<div class="tab-content" style="height:500px">
				  <div class="tab-pane fade in active" id="idcard">
				  		<div style="margin-left:210px;margin-top:60px;">
				  		<label style="font:'宋体' bold">请输入身份证（出生证）号码：</label>
						<br>
						<br>
						<fieldset class="" id="checkId">
						<input type="text" class="form-control" placeholder="请输入15或18位有效身份证号码" id="IdCard">					
						<a href="#famillyInfo"  data-toggle="tab" class="btn btn-primary" id = "inputId">确定</a>
						<a href=""  data-toggle="tab" class="btn btn-danger" id = "reset">重置</a>
						
						<span class = "" id = "idCardNews"></span>
						</fieldset>
						</div>
				  </div>
				  
				  <!-- 户主基本情况-->
				  <div class="tab-pane fade" id="famillyInfo">
				  		<table  class = "table table-striped" style = "font-size:12px">
						<thead>
							<th>所在镇（街）:<span></span></th>
							<th>所在村（居）委会:<span></span></th>
							<th>受理编号:<span></span></th>
							<th>申请类型:<span></span></th>					
						</thead>
						<tbody>
							<tr>
								<td>户主姓名：<input type="text"  class="span1" style="font-size:12px;height:15px;"></td>
								<td>身份证号：<input type = "text" class="span2" style="font-size:12px;height:15px;"></td>
								<td>性别：
								<select  style="font-size:12px;width:50px">
									<option value="1">男</option>
									<option value="2">女</option>	
								</select>
								</td>
								<td>年龄：<input type="text"  style="font-size:12px;height:15px;width:15px"></td>

								</tr>
								<tr>
								<td>
									健康状况：
								<select style="font-size:12px;width:100px">
									<option value="0">健康或良好</option>
									<option value="0">一般或较弱</option>
									<option value="0">糖尿病</option>
									<option value="0">艾滋病</option>
									<option value="0">有慢性病</option>
									<option value="0">心血管病</option>
									<option value="0">脑血管病</option>
									<option value="0">慢性呼吸系统病</option>
									<option value="0">慢性消化系统病</option>
									<option value="0">慢性肾炎（红斑狼疮可选）</option>
									<option value="0">结核病</option>
									<option value="0">白血病</option>
									<option value="0">癌症</option>
									<option value="0">尿毒症</option>
									<option value="0">先天性心脏病</option>
									<option value="0">神经或精神疾病（精神残疾）</option>
									<option value="0">有生理缺陷（肢体残疾）</option>
									<option value="0">聋哑（听力残疾和言语残疾）</option>
									<option value="0">盲人（视力残疾）</option>
									<option value="0">高度近视</option>
									<option value="0">其他残疾（智力残疾）</option>
									<option value="0">残疾（多重残疾）</option>
								</select>
								</td>
								<td>
									残疾等级：
								<select style="font-size:12px;width:100px">
									<option value="0">特等残疾</option>
									<option value="0">一般或较弱</option>
									<option value="0">一等残疾（一级）</option>
									<option value="0">二等甲级残疾（二级）</option>
									<option value="0">二级乙等残疾（未评残）</option>
									<option value="0">三等甲级残疾（三级）</option>
									<option value="0">三等乙级残疾（四级）</option>
								</select>
								</td>
								<td>户籍地址：<input type = "text" class="span2" style="font-size:12px;height:15px;"></td>
								<td>民族：
								<select  style="font-size:12px;width:50px">
									<option value="1">汉族</option>
									<option value="2">壮族</option>	
									<option value="3">满族</option>
									<option value="4">回族</option>	
									<option value="5">苗族</option>
									<option value="6">维吾尔族</option>	
									<option value="7">土家族</option>
									<option value="8">彝族</option>	
									<option value="9">蒙古族</option>
									<option value="10">藏族</option>	
									<option value="11">布依族</option>
									<option value="12">侗族</option>	
									<option value="13">瑶族</option>
									<option value="14">朝鲜族</option>	
									<option value="15">白族</option>
									<option value="16">哈尼族</option>	
									<option value="17">哈萨克族</option>
									<option value="18">黎族</option>	
									<option value="19">傣族</option>
									<option value="20">畲族</option>	
									<option value="21">僳僳族</option>
									<option value="22">仡佬族</option>	
									<option value="23">东乡族</option>
									<option value="24">高山族</option>	
									<option value="25">拉祜族</option>
									<option value="26">水族</option>	
									<option value="27">佤族</option>
									<option value="28">纳西族</option>	
									<option value="29">羌族</option>
									<option value="30">土族</option>	
									<option value="31">汉族</option>
									<option value="32">仫佬族</option>
									<option value="33">锡伯族</option>	
									<option value="34">柯尔克孜族</option>
									<option value="35">达斡尔族</option>	
									<option value="36">景颇族</option>
									<option value="37">毛南族</option>	
									<option value="38">撒拉族</option>
									<option value="39">布朗族</option>	
									<option value="40">塔吉克族</option>
									<option value="41">阿昌族</option>	
									<option value="42">普米族</option>
									<option value="43">鄂温克族</option>	
									<option value="44">怒族</option>
									<option value="45">京族</option>	
									<option value="46">基诺族</option>
									<option value="47">德昂族</option>	
									<option value="48">保安族</option>
									<option value="49">俄罗斯族</option>	
									<option value="50">裕固族</option>
									<option value="51">乌孜别克族</option>	
									<option value="52">门巴族</option>
									<option value="53">鄂伦春族</option>	
									<option value="54">独龙族</option>
									<option value="55">塔塔尔族</option>	
									<option value="56">赫哲族</option>
									<option value="57">珞巴族</option>										
								</select>
								</td>
								</tr>
								<tr>							
								<td>
									文化程度：
								<select style="font-size:12px;width:100px">
									<option value="0">小学</option>
									<option value="0">初中</option>
									<option value="0">高中</option>
									<option value="0">本科</option>
									<option value="0">硕士</option>
									<option value="0">中专(中职)</option>
									<option value="0">博士</option>
									<option value="0">博士后</option>
								</select>									
								</td>
								<td>
									婚姻状况：
								<select style="font-size:12px;width:100px">
									<option value="0">未婚</option>
									<option value="0">已婚</option>
									<option value="0">离异</option>
									<option value="0">丧偶</option>
								</select>									
								</td>
								<td>居住地址：<input type = "text" class="span2" style="font-size:12px;height:15px;"></td>
								<td>家庭人口：<input type="text"  style="font-size:12px;height:15px;width:15px"></td>									
							   </tr>
							   <tr>
							   <td>
							   		是否党员：
								<select  style="font-size:12px;width:50px">
									<option value="1">是</option>
									<option value="2">否</option>	
								</select>
								</td>
								<td>联系电话（手机）：<input type = "text" class="span2" style="font-size:12px;height:15px;"></td>
								<td>联系电话（固话）：<input type = "text" class="span1" style="font-size:12px;height:15px;"></td>
								<td>
									职业状况：
								<select style="font-size:12px;width:50px">
									<option value="0">在职</option>
									<option value="0">离退休</option>
									<option value="0">下岗</option>
									<option value="0">失业</option>
									<option value="0">无业</option>
									<option value="0">三无</option>
									<option value="0">学生</option>
									<option value="0">农民</option>
									<option value="0">原民政对象</option>
									<option value="0">其他</option>
								</select>									
								</td>
								<tr>
								<td>
									人员类别：
								<select style="font-size:12px;width:100px">
									<option value="0">在职</option>
									<option value="0">离退休</option>
									<option value="0">下岗</option>
									<option value="0">失业</option>
									<option value="0">无业</option>
									<option value="0">三无</option>
									<option value="0">学生</option>
									<option value="0">农民</option>
									<option value="0">原民政对象</option>
									<option value="0">其他</option>
									<option value="0">农民</option>
									<option value="0">重病人员</option>
									<option value="0">单亲家庭</option>
									<option value="0">残疾人员</option>
								</select>									
								</td>
								<td>
									参加社保类别：
								<select style="font-size:12px;width:100px">
									<option value="0">农保</option>
									<option value="0">职保</option>
								</select>									
								</td>
								<td>
									劳动力状况：
								<select style="font-size:12px;width:50px">>
									<option value="0">有</option>
									<option value="0">无劳动力</option>
									<option value="0">部分劳动力</option>
								</select>									
								</td>
								<td>
									救助类别：
								<select style="font-size:12px;width:60px">
									<option value="0">------</option>
									<option value="0">常规救助</option>
									<option value="0">三无人员</option>
									<option value="0">学龄前儿童</option>
									<option value="0">学龄前儿童</option>
									<option value="0">满65周岁老人</option>
									<option value="0">单亲家庭</option>									
								</select>									
								</td></tr>
								<tr>
								<td>
									单位性质：
								<select style="font-size:12px;width:100px">
									<option value="0">------</option>
									<option value="0">无单位</option>
									<option value="0">国企区、县属单位</option>
									<option value="0">国企市属单位</option>
									<option value="0">国企中央直属单位</option>
									<option value="0">其他单位</option>
									<option value="0">集体街道属单位</option>	
									<option value="0">集体区、县属单位</option>
									<option value="0">集体市附属单位</option>
									<option value="0">集体省附属单位</option>
									<option value="0">集体中央附属单位</option>
									<option value="0">乡镇企业</option>
									<option value="0">民营企业</option>								
								</select>									
								</td>
								</tr>
							   		
						</table>
						</tbody>
				  </div>
				  <div class="tab-pane fade" id="memberInfo">家庭成员情况.</div>
				  <div class="tab-pane fade" id="property">家庭财产情况</div>
				  <div class="tab-pane fade" id="Income">家庭收入情况</div>
				  <div class="tab-pane fade" id="inquiry">调查/评议/公示结果</div>
				  <div class="tab-pane fade" id="finish">完成录入</div>
				</div>
			</div>
  			</form>
		</div>
    
	</div>




    <script src="../../lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
$('#inputId').click(function(){
		var idcard = $("#IdCard").val();
		var error = checkId(idcard);
			if(error != "验证通过!")
			{	
				$("#idCardNews").text("");
				$("#checkId").attr("class","control-group error")
				$("#idCardNews").attr("class","help-inline").text(error);	
				return false;
			}
			else{
				$("#checkId").attr("class","control-group success")
				$("#idCardNews").attr("class","help-inline").text("身份证符合规范");
				$("#tab1").attr("class","");
				$("#tab2").attr("class","active");
				$("#IdCard").attr("readOnly","true");
				return true;
			}

	})
	$('#IdCard').focus(function(){
			$("#idCardNews").text("");
			$('#IdCard').attr("placeholder","");
			$("#checkId").attr("class","control-group");

	})

    </script>
    
  </body>
</html>


